import Vue from 'vue';
import ElementUI from 'element-ui';
import App from './App.vue';
import router from './router'
import store from './store'
import Cookie from 'js-cookie'
import './api/mock.js'
import 'element-ui/lib/theme-chalk/index.css';

Vue.config.productionTip = false

Vue.use(ElementUI);

// 添加全局前置导航守卫
router.beforeEach((to, from, next) => {
  // 判断 token 是否存在
  const token = Cookie.get('token')
  // token 不存在，说明当前用户未登录，应该跳转至登录页面
  if (!token && to.name !== 'login') {
    next('/login')
    // token 存在，说明用户存在，应该跳转至首页
  } else if (token && to.name === 'login') {
    next('/home')
  } else {
    next()
  }
})

new Vue({
  el: '#app',
  router,
  store,
  render: h => h(App),
  created() {
    store.commit('addMenu', router)
  },
});